 <?php
 
		
		//comprueba si el usuario ha iniciado sesion en la pagina 
		session_start();
                include("conexion.php");
	
		  //se le asigna el id que se trae por get a la propiedad $clave 
	       @$clave=$_GET['id'];
           $rst_productos=mysql_query("SELECT * FROM producto WHERE idproducto='$clave'", $conexion);
	
         ?>
<html>
    <head>
        <title>anehs</title>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <link rel="shortcut icon" href="../favicon.ico" type="image/x-icon"/>
              <!--css menu-->
		
	
	<link href="css/style.css" rel="stylesheet" type="text/css"/>
	<link href="css/table.css" rel="stylesheet" type="text/css"/>
       <style>
			body{
				background:#333 url(../images/MU.jpg) no-repeat center center fixed;
				-webkit-background-size: cover;
				-moz-background-size: cover;
				-o-background-size: cover;
				background-size: cover;
				font-family:Arial;
			}
			
			
		</style>
		
		<!--slide-->
		<style type="text/css">
<!--
.Estilo1 {font-family: Georgia, "Times New Roman", Times, serif}
-->
        </style>
		
		  <script>function funcionEditarProducto(fi)
    {
     if (confirm("Mensaje de confirmacion.\r¿Desea Editar este producto?")){
       
            return true;
             }else{
               alert("Accion Cancelada");
                return false;
                  }
             } 
</script>

  <script>function funcionEliminarProducto(fi)
    {
     if (confirm("Mensaje de confirmacion.\r¿Desea Eliminar este producto?")){
       
            return true;
             }else{
               alert("Accion Cancelada");
                return false;
                  }
             } 
</script>
</head>

<body>
<center>
		<div class="content">
			<!--<h1 class="title">Slide Down Box Menu with jQuery and CSS3</h1>-->
			<ul id="sdt_menu" class="sdt_menu">
				<li>
				<a href="PanelAdministrador.php">
						
							<span class="sdt_link"><h2><font color="white">Panel Administrador</font></h2></span>
							<!--<span class="sdt_descr">My work</span>-->
						</span>					
				  </a>
			  </li>
			</ul>
		</div>
		        <div>
            <span class="reference">
               
            </span>
		</div>
</center>

<!-- The JavaScript -->
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
		<script type="text/javascript" src="../menubox/jquery.easing.1.3.js"></script>
        <script type="text/javascript">
            $(function() {
				/**
				* for each menu element, on mouseenter, 
				* we enlarge the image, and show both sdt_active span and 
				* sdt_wrap span. If the element has a sub menu (sdt_box),
				* then we slide it - if the element is the last one in the menu
				* we slide it to the left, otherwise to the right
				*/
                $('#sdt_menu > li').bind('mouseenter',function(){
					var $elem = $(this);
					$elem.find('img')
						 .stop(true)
						 .animate({
							'width':'170px',
							'height':'170px',
							'left':'0px'
						 },400,'easeOutBack')
						 .andSelf()
						 .find('.sdt_wrap')
					     .stop(true)
						 .animate({'top':'140px'},500,'easeOutBack')
						 .andSelf()
						 .find('.sdt_active')
					     .stop(true)
						 .animate({'height':'170px'},300,function(){
						var $sub_menu = $elem.find('.sdt_box');
						if($sub_menu.length){
							var left = '170px';
							if($elem.parent().children().length == $elem.index()+1)
								left = '-170px';
							$sub_menu.show().animate({'left':left},200);
						}	
					});
				}).bind('mouseleave',function(){
					var $elem = $(this);
					var $sub_menu = $elem.find('.sdt_box');
					if($sub_menu.length)
						$sub_menu.hide().css('left','0px');
					
					$elem.find('.sdt_active')
						 .stop(true)
						 .animate({'height':'0px'},300)
						 .andSelf().find('img')
						 .stop(true)
						 .animate({
							'width':'0px',
							'height':'0px',
							'left':'85px'},400)
						 .andSelf()
						 .find('.sdt_wrap')
						 .stop(true)
						 .animate({'top':'25px'},500);
				});
            });
        </script>



<!-- Page START -->
  </div>

<h1>&nbsp;</h1>
<h1>&nbsp;</h1>
<h1 align="center">&nbsp;</h1>
<h1 align="CENTER">Productos</h1>
<div >

  <br>
  <br>
  <br>
 


       					
       	 <div id="alineacionDivIzquierda" >
       	  <?php
          while ($fila=mysql_fetch_array($rst_productos))
	        {  ?>
             <form action="actualizarProducto.php" >
           <table id="estiloTabla">
	<tr> <td><input type="text" value="<?php echo $fila['idproducto']; ?> " id="txtClave" name="txtClave" style="visibility:hidden"> </td>  </tr>
              <tr>
	
	           <td>
		       <label>Categoria</label>
		       <input id="estiloTexto" type="text" id="txtCategoria" name="txtCategoria" value="<?php echo $fila['categoria']; ?> ">
	           </td>
              </tr>
               <tr>
	           <td>
		       <label>Descripcion</label>
		        <input id="estiloTexto" type="text" id="txtDescripcion" name="txtDescripcion" value="<?php echo $fila['descripcion']; ?> " >
	           </td>

              </tr>
               <tr>
	            <td>
		        <label>Precio</label>
		        <input id ="estiloTexto" type="text" id="txtPrecio" name="txtPrecio" value="<?php echo $fila['precio']; ?> " >
	            </td>
               </tr>
                <tr>
	            <td>
	         	<label>Selecionar  imagen</label>
	        	<input type="file" id="files" name="imagen1"  title="Seleciona la imagen  aqui"/>
               <br />
               <output id="list"><img class="thumb" src="imagenes/<?php echo $fila['directorio']; ?>/<?php echo $fila['archivo']; ?>"</output>
 
	           </td>
              </tr>
              <tr>
              	
              	<td>
              		
              		<input type="submit" name="botonEnviar"   value="Guardar" />
              	</td>
              </tr>
              </table> 


</form>
              	 <?php
			                            require 'funciones/config.php';
                                                    require 'funciones/actualizarProducto.php'; 
               
                                                    $conexion = new mysqli($servidor, $usuarioBD, $passwordBD, $baseDatos);
                                                   // Subir todas las imagenes
                                                    if(isset($_POST['botonEnviar'])){
                                                  subirImagenes('stock',$conexion);
                                                    }
                                                   ?> 
<br>
 <?php
         
}  ?>
					                
					         </div>
					

					        
								<form action="funciones/funcion_eliminar_producto.php">
								<div class="contenedor_tabla">    
								
	
		
                    <table class="CSSTableGenerator"  >
                    <tr>
                        <td>
                            ID
                        </td>
                        <td >
                            Categoria
                        </td>
						<td >
                            Descripci&oacute;n
                        </td>
                         <td >
                        Precio
                        </td>
                        <td>
                           Imagen
                        </td>
						<td>
                            Editar
                        </td>
						<td>
                            Borrar
                        </td>
                    </tr>
                      <?php
					         require 'funciones/config.php';
					          $conexion=new mysqli($servidor, $usuarioBD, $passwordBD, $baseDatos);
							  //consulta a la base de datos de la tabla usuarios 
							  $consulta="select * from producto LIMIT 0,30;";
							  ///se le asigna la fila a la variable resultado 
							  $resultado=$conexion->query($consulta);
							  //muestra los usuarios que contiene la tabla de la base de datos 
							  while($fila=$resultado->fetch_array(MYSQLI_ASSOC))
							   {

                                ?>
                                               <tr>
                                               <th><?php echo $fila['idproducto'];?></th>
											   <th><?php echo $fila['categoria'];?></th>
											   <th><?php echo $fila['descripcion'];?></th>
											    <th><?php echo $fila['precio'];?></th>
											   <th><?php echo'<img id="estiloImagenProducto" src="imagenes/'.$fila['directorio'].'/'.$fila['archivo'].'"/>';?></th>
											    
											   <th><?php 
											    echo'<a href="editarProducto.php?id='.$fila['idproducto'].'"  onClick="return funcionEditarProducto(this)"/><img  src="iconos/icono_editar.png"  id="estiloIconoEditar">Editar</a>';
											   ?></th>
											      <th><?php 
											    echo'<a href="funcion_eliminar_producto.php?id='.$fila['idproducto'].'" onClick="return funcionEliminarProducto(this)" /><img src="iconos/icono_eliminar.png"  id="estiloIconoEditar">Borrar</a>';
											   ?></th>
                                              </tr >
											  <?php
							
							}
							  
           
		
				
			
		   ?>
                </table>
							






	        	     </div>								
 	 <script>
                  function archivo(evt) {
                  var files = evt.target.files; // FileList object
             
                  // Obtenemos la imagen del campo "file".
                  for (var i = 0, f; f = files[i]; i++) {
                    //Solo admitimos imágenes.
                    if (!f.type.match('image.*')) {
                        continue;
                    }
             
                    var reader = new FileReader();
             
                    reader.onload = (function(theFile) {
                        return function(e) {
                          // Insertamos la imagen
                         document.getElementById("list").innerHTML = ['<img class="thumb" src="', e.target.result,'" title="', escape(theFile.name), '"/>'].join('');
                        };
                    })(f);
             
                    reader.readAsDataURL(f);
                  }
              }
             
              document.getElementById('files').addEventListener('change', archivo, false);
      </script>	
			</div>
            </div>
		                    </form>



						
                    
								
</div>

						</div>
					</div>
				</div>
			</div>




</body>

